<legend>View package details and Datepicker</legend>
<p> List of packages will be displayed here</p>

<div id="packagebooking">

</div>

<!--<div class="resort-list">

             <div class="resort-heading"><!-- Room Type name will come here, and link will send to room type details page where full details will be available-->
<!--   	<h3>Package Name 1</h3>
           <div class="clearfix"></div>
   </div><!--/.resort-heading-->

<!--<div class="resort-details">

        <p>
        <h4 class="room-type">Delux Rooms : 4</h4>
        <h4 class="room-type">Delux Rooms : 4</h4>
        <h4 class="room-type">Delux Rooms : 4</h4>
       <h4 class="room-type">Size : 4 Persons</h4>
        <h4 class="room-type">Duration : 4 Days</h4>
        
    </p>
  <p>
                <form>
                <label>Select Arrival Date : </label><input readonly="readonly" type="date" id="date-picker" name="" /><input type="submit" value="Book Now" />
        </form>
  </p>
  
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In gravida, dolor eu imperdiet commodo, nisl lacus faucibus libero, nec luctus diam turpis ac augue. Phasellus vitae sollicitudin felis. <a href="#" class="more-link">View More</a></p>
   
  
  
</div><!--grid_7-->


<!-- <div class="clearfix"></div>



</div><!--/.resort-list-->


<script src="js/jquery-1.8.1.min.js"></script>
<script src="js/jquery-ui-1.8.20.custom.min.js"></script><!-- including jquery UI Datepicker js-->
<script type="text/javascript">
			
    $(document).ready(function() { 
			 
        $('#date-picker').datepicker({ //call the datepicker on date input
                
            dateFormat: "yy-mm-dd",
            changeMonth: true,
            changeYear: true,
            minDate: 'new Date()' +1,
            maxDate: '+90d'
        });
				 
    });
</script>		

